<template>
  <div>
    <h1>v-model 的原理</h1>
    <!-- v-model 是一个语法糖 -->
    <!-- v-model 的原理就是做了两件事 -->
    <!-- 1. 使用 v-bind 绑定了 value 属性 -->
    <!-- 2. 使用 v-on 绑定了 input 事件, 在事件触发时将文本框的 value 赋值给变量 -->
    <!-- <input v-model="msg" type="text"> -->
    <input :value="msg" @input="msg = $event.target.value" type="text">
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: '你好世界'
    }
  }
}
</script>

<style>

</style>